<template>
  <div class="head-container">
    <!-- 搜索 -->
    opc: <el-input v-model="$parent.filter" style="width: 120px;" />

    <el-button class="filter-item" size="mini" type="primary" icon="el-icon-search" @click="$parent.initBindList()">搜索</el-button>
    <!--<el-button type="primary" class="filter-item" size="mini" icon="el-icon-circle-close" @click="resetQuery">重置</el-button> -->
    <!-- 新增 -->
    <el-button
      class="filter-item"
      size="mini"
      type="primary"
      icon="el-icon-plus"
      @click="$parent.operate('')"
    >新增</el-button>
  </div>
</template>

<script>
export default {

  data() {
    return {

    }
  },
  methods: {
    /** 重置查询条件 */
    resetQuery() {
      this.$parent.query = {}
    },
    toQuery() {
      this.$parent.currentPage = 1
      this.$parent.page = 0
      this.$parent.init()
    }
  }
}
</script>

<style scoped>
  .head-container{
    margin-top: 5px;
  }
</style>
